@charset "utf-8";

/* CSS Document */
html{-webkit-text-size-adjust:none;}
body {font-size:14px; color:#343434;line-height:26px; margin:0; padding:0; -webkit-text-size-adjust:none;}
img { border:0;}
div,form,ul,ol,li,span,h1,h2,h3,h4,h5,h6,dl,dt,dd {border: 0;margin: 0;padding: 0;list-style-type:none}
.fz12,font,h2,h1 { font-size:12px}
h3,h4,h5 { font-weight:normal; font-size:14px}
h2 { font-weight:600}

input,textarea,button { outline:none; border:0;}
input:focus,textarea:focus,button:focus { outline:none; border:0;}


a { outline:none;-moz-outline:none; color:#333; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; text-decoration:none}
a:hover { color:#5C9443}
p { padding:0; margin:0;}
.tar { text-align:right}
.tal { text-align:left}
.tac { text-align:center}
.ft {float:left}
.fr {float:right}
.clear { clear:both}
.bgff { background:#fff}
.w100 { width:1304px; margin:0 auto}

@media all and (max-width:1380px){
.w100 { width:1080px; margin:0 auto}

}
@media all and (max-width:1000px){
.w100 { width:95%;}

}






header { height:89px; background:#5C9443; position:relative; z-index:777}
header .head_l { float:left; padding-top:15px}
header .head_l img { display:block}

header .head_r { float:right; width:293px; height:89px; background:url(../images/head_dh.jpg);}
header .head_r a { display:block; color:#333; padding:20px 0 0 110px; font-size:18px; line-height:24px}

header .head_r2 { display:none}

header nav { float:left; padding:0 0 0 120px}
header nav ul li { float:left; padding:0 20px; font-size:16px; text-align:center; line-height:88px;  height:89px; margin-right:20px; position:relative}
header nav ul li a { color:#fff}
header nav ul li a:hover { color:#fff}
header nav ul li.nav_on { background:#fff}
header nav ul li.nav_on a { color:#333}
header nav ul li.nav_on a:hover { color:#333}

header nav ul li h3 { position:absolute; left:-20px; height:48px; line-height:48px; padding:0 10px; text-overflow:ellipsis; white-space: nowrap; top:89px; background:#fff; box-shadow:0 0 5px #ddd; opacity:0; display:none}
header nav ul li h3 a { color:#333; font-size:14px; line-height:48px; padding:0 15px;}
header nav ul li h3 a:hover { color:#333}


@media all and (max-width:1380px){
header nav { padding:0 0 0 50px}
header nav ul li { padding:0 10px; margin-right:15px}
}
@media all and (max-width:1000px){
header { height:70px; position:relative; z-index:666; padding:0 5%}
header .head_l { padding-top:15px}
header .head_l img { height:40px}
header .head_r { margin-top:0; float:right; width:230px; height:70px; background-size:100% 100%; margin-right:30px}
header .head_r a { padding:15px 0 0 90px; font-size:14px; line-height:20px}

header .head_r2 { display:block; float:right; line-height:70px; font-size:18px}
header .head_r2 i { color:#fff}

header nav { padding:0 0 0 0; position:absolute; left:0; top:70px; width:100%; background:#5C9443; display:none}
header nav ul li { padding:10px 5%; font-size:15px; border-top:1px #ddd solid; float:none; line-height:30px; height:auto; margin:0; text-align:left}
header nav ul li a { display:block; color:#fff}


header nav ul li h3 { position:relative; box-shadow:none; left:auto; height:auto; line-height:32px; padding:0; overflow:hidden; top:auto; background:none; opacity:1; display:block}
header nav ul li h3 a { color:#fff; font-size:12px; line-height:32px; padding:0; display:block; float:left; width:25%}
header nav ul li h3 a:hover { color:#fff}

}
@media all and (max-width:580px){
header { height:60px; padding:0}
header .w100 { width:95%}
header .head_l { padding-top:15px}
header .head_l img { height:30px}
header .head_r { width:160px; height:60px; margin-right:20px}
header .head_r a { padding:10px 0 0 60px; font-size:12px;}

header .head_r2 { line-height:60px;}

header nav { top:60px;}
}


.banner { height:526px; min-width:1200px; position:relative; z-index:111}

.banner .bd { position:relative; z-index:11}
.banner .bd ul li { height:526px; position:relative}


.banner .hd { position:absolute; left:50%; bottom:45px; height:4px; overflow:hidden; z-index:22; margin-left:-600px}
.banner .hd ul li { float:left; width:137px; background:#fff; margin-right:40px; height:4px; cursor:pointer}
.banner .hd ul li.on { background:#BDEC90}


.banner a.prev { display:block; position:absolute; left:10px; cursor:pointer; height:104px; width:104px; z-index:33; top:50%; margin-top:-52px; background:url(../images/banner_ico.png)0 -104px; opacity:0.5}
.banner a.prev:hover { opacity:1}
.banner a.next { display:block; position:absolute; right:10px; cursor:pointer; height:104px; width:104px; z-index:33; top:50%; margin-top:-52px; background:url(../images/banner_ico.png) -104px -104px; opacity:0.5}
.banner a.next:hover { opacity:1}

@media all and (max-width:1380px){
.banner { height:380px; min-width:inherit}
.banner .bd ul li { height:380px}
}
@media all and (max-width:1000px){
.banner { height:280px;}
.banner .bd ul li { height:280px}

.banner .hd { bottom:0px; left:0; width:100%}
.banner a.prev { transform:scale(0.5)}
.banner a.next { transform:scale(0.5)}
}
@media all and (max-width:780px){
.banner { height:230px;}
.banner .bd ul li { height:230px}
}
@media all and (max-width:480px){
.banner { height:150px;}
.banner .bd ul li { height:150px}
}


.index_1 { padding:40px 0; overflow:hidden}
.index_1 h1 { position:relative; font-size:24px; text-align:center; line-height:40px; padding-bottom:15px; margin-bottom:35px}
.index_1 h1 i { display:block; width:58px; height:2px; background:#65AF0A; position:absolute; bottom:0; left:50%; margin-left:-29px}

.index_1 ul { width:1304px; margin:0 auto}
.index_1 ul li { float:left; width:326px}
.index_1 ul li a { display:block; width:318px; height:284px; margin:0 auto; border:1px #ddd solid}
.index_1 ul li a:hover { box-shadow:0 0 10px #ccc}
.index_1 ul li img { display:block; margin:0 auto; padding-top:50px}
.index_1 ul li h3 { font-size:18px; line-height:56px; text-align:center}
.index_1 ul li h4 { width:254px; margin:0 auto; text-align:center; color:#666; font-size:12px; line-height:20px}

@media all and (max-width:1380px){
.index_1 ul { width:1080px;}
.index_1 ul li { width:25%}
.index_1 ul li a { width:95%; margin:0 auto}
.index_1 ul li h4 { width:90%}
}
@media all and (max-width:1000px){
.index_1 { padding:30px 0;}
.index_1 h1 { font-size:18px; line-height:30px; width:90%; margin:0 auto; margin-bottom:35px}
.index_1 ul { width:95%;}
.index_1 ul li { width:50%; margin-bottom:20px}

}
@media all and (max-width:640px){
.index_1 ul li a { height:auto; width:90%}
.index_1 ul li img { padding-top:40px; height:40px}
.index_1 ul li h3 { font-size:16px; line-height:40px;}
.index_1 ul li h4 { height:100px}

}


.index_2 { padding:40px 0}
.index_2 h2 { position:relative; font-size:24px; text-align:center; line-height:40px; padding-bottom:15px; margin-bottom:35px}
.index_2 h2 i { display:block; width:58px; height:2px; background:#65AF0A; position:absolute; bottom:0; left:50%; margin-left:-29px}

.index_2 ul li { float:left; width:25%; position:relative}
.index_2 ul li a { display:block}
.index_2 ul li img { display:block; width:100%; height:auto; z-index:11}
.index_2 ul li p { z-index:22; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(86,163,13,0.58); display:none}
.index_2 ul li h3 { position:absolute; left:20px; right:20px; bottom:20px; color:#fff; z-index:33; display:none; }
.index_2 ul li h3 b { display:block; font-size:16px; padding-bottom:10px}


.index_2 .more { background:#2A2B2C; line-height:100px; text-align:center; border-bottom:5px #65AF0A solid}
.index_2 .more a { display:block; font-size:16px; color:#fff}


@media all and (max-width:1000px){
.index_2 { padding:0 0 20px 0}
.index_2 h2 { font-size:18px;}
.index_2 ul li { width:50%;}
.index_2 ul li h3 { font-size:12px; line-height:20px }

.index_2 .more { line-height:70px;}

}

.index_3 { padding-top:80px}

.index_wl { width:1300px; margin:0 auto; height:323px; background:url(../images/index_bg1.jpg) no-repeat}
.index_wl h2 { color:#fff; font-size:24px; line-height:50px; padding:20px 0 5px 35px; position:relative; font-weight:normal}
.index_wl h2 i { display:block; width:58px; height:2px; background:#fff; position:absolute; bottom:0; left:35px}
.index_wl h4 { color:#fff; padding:20px 0 20px 35px; width:690px}
.index_wl a { width:116px; height:32px; text-align:center; line-height:32px; border-radius:16px; color:#666; background:#ABBF9A; margin-left:35px; display:block}

.index_3 .index_ly { width:1300px; margin:0 auto; height:320px; background:url(../images/index_bg2.jpg) no-repeat; margin-top:20px; position:relative}
.index_3 .index_ly .ly_cn { position:absolute; top:0; height:100%; left:170px; width:330px; background:rgba(56,63,69,0.9); border-left:4px #5BA123 solid}
.index_3 .index_ly .ly_cn h2 { color:#fff; font-size:24px; line-height:50px; padding:20px 0 5px 30px; position:relative; font-weight:normal; margin-bottom:10px}
.index_3 .index_ly .ly_cn h2 i { display:block; width:58px; height:2px; background:#fff; position:absolute; bottom:0; left:30px}
.index_3 .index_ly .ly_cn p { padding-left:30px; padding-top:5px; padding-right:20px; color:#fff}


.index_3 .index_lb { width:1300px; margin:0 auto; overflow:hidden; margin-top:20px}
.index_3 .index_lb ul { width:1323px;}
.index_3 .index_lb ul li { float:left; width:441px; position:relative}
.index_3 .index_lb ul li img { display:block; width:418px}
.index_3 .index_lb ul li h3 { position:absolute; left:0; padding-left:20px; width:398px; line-height:28px; background:#6DAF1B; color:#fff; bottom:15px; z-index:33}
.index_3 .index_lb ul li p { position:absolute; left:0; top:0; width:418px; overflow:hidden; z-index:22; height:322px}
.index_3 .index_lb ul li p img { position:absolute; left:0; top:0}

@media all and (max-width:1380px){
.index_3 { padding-top:60px}
.index_wl { width:1080px; height:323px; background:url(../images/index_bg1.jpg) no-repeat right}
.index_wl h4 { color:#fff; padding:20px 0 20px 35px; width:490px}

.index_3 .index_ly { width:1080px;}
.index_3 .index_lb { width:1080px}
.index_3 .index_lb ul { width:1101px;}
.index_3 .index_lb ul li { width:367px}
.index_3 .index_lb ul li img { width:346px}
.index_3 .index_lb ul li p { width:346px; height:266px}
.index_3 .index_lb ul li h3 { width:326px;}
}
@media all and (max-width:1000px){
.index_3 { padding-top:10px}
.index_wl { width:100%; height:auto; padding-bottom:80px; background:url(../images/index_bg1.jpg) no-repeat right bottom #3D444A; background-size:100% auto}
.index_wl h2 { font-size:18px;}
.index_wl h4 { color:#fff; padding:20px 35px 20px 35px; width:auto}
.index_wl a { width:116px; height:32px; text-align:center; line-height:32px; border-radius:16px; color:#666; background:#ABBF9A; margin-left:35px; display:block}

.index_3 .index_ly { width:90%; height:auto; background-size:auto 100%}
.index_3 .index_ly .ly_cn { width:330px; margin:0 auto; position:relative; left:auto; top:auto; padding-bottom:30px}
.index_3 .index_ly .ly_cn h2 { font-size:18px;}

.index_3 .index_lb { width:90%}
.index_3 .index_lb ul { width:100%;}
.index_3 .index_lb ul li { width:33.3%}
.index_3 .index_lb ul li img { width:96%; margin:0 auto}
.index_3 .index_lb ul li h3 { left:2%; padding-left:0px; width:96%; text-align:center}
.index_3 .index_lb ul li p { width:1px; height:1px; opacity:0; overflow:hidden}
}
@media all and (max-width:560px){
.index_3 .index_ly { margin-top:15px}
.index_3 .index_lb { margin-top:15px}
}




.index_4 { height:655px; min-width:1300px; background:url(../images/index_bg3.jpg) top no-repeat; margin-top:80px; position:relative}
.index_4 h1 { position:relative; font-size:24px; line-height:40px; padding-bottom:15px; margin-bottom:35px; width:1300px; margin:0 auto; padding-top:70px}
.index_4 h1 i { display:block; width:58px; height:2px; background:#65AF0A; position:absolute; bottom:0; left:0;}

.index_4 .index_gy { width:445px; position:absolute; left:50%; margin-left:-650px; top:170px; color:#666; line-height:20px}
.index_4 .index_gy a { width:116px; height:32px; text-align:center; line-height:32px; border-radius:16px; color:#666; background:#ECF3E4; display:block; margin-top:10px}


@media all and (max-width:1380px){
.index_4 { height:500px; min-width:inherit; background:url(../images/index_bg3.jpg) top no-repeat; margin-top:60px; background-size:auto 100%}
.index_4 h1 { width:1080px; padding-top:50px}
.index_4 .index_gy { margin-left:-540px; top:140px;}

}
@media all and (max-width:1000px){
.index_4 { background:url(../images/index_bg3.jpg) bottom no-repeat; background-size:100% auto; margin-top:0}
.index_4 { height:auto;}
.index_4 h1 { font-size:18px;}
.index_4 h1 { width:90%}
.index_4 .index_gy { position:relative; left:auto; margin-left:0; top:auto; width:90%; margin:0 auto; padding-top:20px; padding-bottom:90px; padding-right:0; float:none}

}




.index_5 { padding-top:80px; padding-bottom:100px}
.index_5 h2 { position:relative; font-size:24px; text-align:center; line-height:40px; padding-bottom:15px; margin-bottom:35px}
.index_5 h2 i { display:block; width:58px; height:2px; background:#65AF0A; position:absolute; bottom:0; left:50%; margin-left:-29px}

.index_5 .index_xw1 { text-align:center}
.index_5 .index_xw1 a { padding:5px 30px; margin:0 10px; border:1px #ddd solid}
.index_5 .index_xw1 a.on { background:#56A30D; border:1px #56A30D solid; color:#fff}

.index_5 .index_xw2 { width:1300px; margin:0 auto; padding-top:60px; overflow:hidden}
.index_5 .index_xw2 .xw_c1 { float:left; width:870px; position:relative}
.index_5 .index_xw2 .xw_c1 img { display:block; float:left; margin-right:80px}
.index_5 .index_xw2 .xw_c1 h3 { padding-top:20px; font-size:16px; line-height:30px}
.index_5 .index_xw2 .xw_c1 h4 { padding:5px 0; color:#888}
.index_5 .index_xw2 .xw_c1 h5 { padding-bottom:10px}
.index_5 .index_xw2 .xw_c1 a.more2 { width:116px; height:32px; text-align:center; line-height:32px; border-radius:16px; color:#666; background:#ECF3E4; display:block; position:absolute; left:430px; top:150px}
.index_5 .index_xw2 .xw_c1 i { display:block; width:130px; height:4px; background:#05641A; position:absolute; left:282px; top:35px}

.index_5 .index_xw2 ul { float:right; width:360px;}
.index_5 .index_xw2 ul li { line-height:42px;}
.index_5 .index_xw2 ul li a { display:block; overflow:hidden; text-overflow:ellipsis; white-space: nowrap}
.index_5 .index_xw2 ul li font { font-size:14px; color:#888; padding-right:10px}


@media all and (max-width:1380px){
.index_5 { padding-top:60px; padding-bottom:80px}
.index_5 .index_xw2 { width:1080px; padding-top:40px;}
.index_5 .index_xw2 .xw_c1 { width:700px;}
.index_5 .index_xw2 .xw_c1 img { margin-right:30px}
.index_5 .index_xw2 .xw_c1 i { left:242px}
.index_5 .index_xw2 .xw_c1 a.more2 { left:380px; top:180px}

}
@media all and (max-width:1000px){
.index_5 { padding-top:40px; padding-bottom:60px}
.index_5 h2 { font-size:18px;}
.index_5 .index_xw2 { width:90%; padding-top:30px}
.index_5 .index_xw2 .xw_c1 { width:auto; float:none}
.index_5 .index_xw2 .xw_c1 img { width:30%; height:auto; padding-bottom:10px}
.index_5 .index_xw2 .xw_c1 i { display:none}
.index_5 .index_xw2 .xw_c1 h5 { clear:both}
.index_5 .index_xw2 .xw_c1 a.more2 { margin:0 auto; position: relative; left:auto; top:auto; display:none}

.index_5 .index_xw2 ul { float:none; width:auto;}

}


footer { background:#3D444A; padding:35px 0; min-width:1300px}
footer .foot_l { float:left; width:292px}
footer .foot_2 { float:left; padding-top:40px; width:350px}
footer .foot_2 h2 { height:40px; font-size:16px; color:#fff}
footer .foot_2 ul li { float:left; width:23px; height:23px; border:1px #646A6F solid; margin-right:15px; border-radius:3px; position:relative}
footer .foot_2 ul li i { display:block; text-align:center; line-height:22px; font-size:14px; color:#ccc}
footer .foot_2 ul li i.douyin { background:url(../images/douyin.png) center no-repeat; height:23px}
footer .foot_2 ul li img { display:none; width:150px; height:150px; left:50%; margin-left:-75px; top:-170px; position:absolute; padding-bottom:7px; background:url(../images/footer_ico.png) bottom no-repeat}
footer .foot_3 { color:#aaa; float:left; padding-top:40px; width:510px}
footer .foot_3 h2 { height:40px; font-size:16px; color:#fff}
footer .foot_3 span { color:#aaa; line-height:28px; font-size:12px; display:block; float:left; width:33.3%}
footer .foot_3 p { clear:both; font-size:12px}

@media all and (max-width:1380px){
footer { min-width: inherit}
footer .foot_l { width:220px}
}
@media all and (max-width:1000px){
footer .foot_l { width:auto; float:none}
footer .foot_l img { display:block; margin:0 auto}
footer .foot_2 { float:none; padding-top:20px; width:auto; overflow:hidden}
footer .foot_2 ul { width:160px; margin:0 auto}
footer .foot_3 { float:none; padding-top:20px; width:auto}
footer .foot_3 span { width:50%}
}

.links { background:#464F57; padding:5px 0; min-width:1300px; font-size:12px; line-height:18px; color:#aaa}
.links a { color:#aaa}

.copyrights { background:#56A30D; padding:10px 0; min-width:1300px; font-size:12px; color:#fff}
.copyrights a { color:#fff}
.copyrights a.bz { display:block; float:right; color:#fff}

@media all and (max-width:1380px){
.links { min-width: inherit}
.copyrights { min-width: inherit}
}

.right_s { position:fixed; z-index:888; right:10px; top:50%; border:1px #A7CF81 solid; background:#56A30D}
.right_s img { display:block; cursor:pointer}
.right_s ul { border-bottom:1px #A7CF81 solid; border-top:1px #A7CF81 solid; padding:10px 0}
.right_s ul li {}
.right_s ul li a { display:block; padding-left:5px; color:#fff}

@media all and (max-width:1000px){
.right_s { display:none}
}



.banner_about { height:323px; min-width:1300px; position:relative; background:url(../images/banner_about.jpg) top no-repeat; text-transform:uppercase}
.banner_about h2 { width:1300px; margin:0 auto; padding-top:110px; line-height:46px; color:#fff; font-size:18px; font-weight:normal}
.banner_about h2 b { display:block; font-size:36px; font-weight:normal}

.banner_about .banner_nav { position:absolute; width:1300px; height:62px; left:50%; bottom:0; margin-left:-650px; background:rgba(255,255,255,0.5)}
.banner_about .banner_nav ul li { float:left; line-height:62px}
.banner_about .banner_nav ul li a { padding:0 30px}
.banner_about .banner_nav ul li.on { background:#fff}

.banner_about .banner_nav.p2 ul li a { padding:0 17px}


@media all and (max-width:1380px){
.banner_about { height:250px; min-width: inherit; background-size:auto 100%}
.banner_about h2 { width:90%; padding-top:60px;}

.banner_about .banner_nav { width:95%; height:auto; left:2.5%; bottom:0; margin-left:0;}
.banner_about .banner_nav ul li { line-height:42px}
.banner_about .banner_nav ul li a { padding:0 15px}


.banner_about .banner_nav.p2 { overflow-x:scroll}
.banner_about .banner_nav.p2 ul { width:1300px}
}
@media all and (max-width:1000px){
.banner_about { height:180px;}
.banner_about h2 { width:90%; padding-top:60px; line-height:36px; font-size:16px;}
.banner_about h2 b { font-size:24px;}

.banner_about .banner_nav ul li { line-height:34px; width:20%}
.banner_about .banner_nav ul li a { padding:0; font-size:12px; text-align:center; display:block}

.banner_about .banner_nav.p2 ul li { width:auto}
.banner_about .banner_nav.p2 ul li a { padding:0 22px;}
}




.banner_nav2 { width:1300px; height:62px; background:rgba(255,255,255,0.5); margin:0 auto}
.banner_nav2 ul li { float:left; line-height:62px}
.banner_nav2 ul li a { padding:0 30px}
.banner_nav2 ul li.on { background:#fff}

@media all and (max-width:1300px){
.banner_nav2 { width:95%}

}
@media all and (max-width:1000px){
.banner_nav2 ul li a { padding:0 20px}
}



.bg1 { background:#f5f5f5; padding-bottom:90px}


.about_1 { width:1300px; margin:0 auto; background:#fff}
.about_1 h1 { position:relative; font-size:24px; padding:35px 0 15px 60px; line-height:40px; margin-bottom:35px; font-weight:normal}
.about_1 h1 i { display:block; width:58px; height:2px; background:#65AF0A; position:absolute; bottom:0; left:60px}


@media all and (max-width:1380px){
.about_1 { width:95%;}
}
@media all and (max-width:1000px){
.about_1 { width:95%;}
.about_1 h1 { font-size:18px; padding:25px 0 10px 20px; margin-bottom:20px;}
.about_1 h1 i { left:20px}

}

.about_1 .about_text1 { padding:0 60px}
.about_1 .about_text1 p { padding-bottom:20px}
.about_1 img.m1 { display:block; max-width:100%}


@media all and (max-width:1000px){
.about_1 .about_text1 { padding:0 20px}

}

.about_1 .about_text2 { padding:0 58px 100px 58px; overflow:hidden}
.about_1 .about_text2 ul li { float:left; width:50%; position:relative}
.about_1 .about_text2 ul li a { border:2px #fff solid; display:block; overflow:hidden; position:relative}
.about_1 .about_text2 ul li img { display:block; width:100%}
.about_1 .about_text2 ul li h3 { position:absolute; background:rgba(86,163,13,0.58); width:260px; height:48px; padding:10px 15px; color:#fff; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; z-index:333}
.about_1 .about_text2 ul li h3 b { display:block; font-size:16px; line-height:24px}

.about_1 .about_text2 ul li:hover h3 { background:rgba(86,163,13,1)}

.about_1 .about_text2 ul li p {  position:absolute; left:2px; top:2px; width:100%; overflow:hidden; z-index:22; height:290px}
.about_1 .about_text2 ul li p img { position:absolute; left:0; top:0}

.about_1 .about_text2 ul li:nth-child(1) h3 { right:5px; bottom:5px}
.about_1 .about_text2 ul li:nth-child(2) h3 { left:5px; bottom:5px}
.about_1 .about_text2 ul li:nth-child(3) h3 { right:5px; top:5px}
.about_1 .about_text2 ul li:nth-child(4) h3 { left:5px; top:5px}

@media all and (max-width:1000px){
.about_1 .about_text2 { padding:0 20px 60px 20px; overflow:hidden}
}
@media all and (max-width:720px){
.about_1 .about_text2 ul li { float:none; width:100%;}
.about_1 .about_text2 ul li:nth-child(1) h3 { right:5px; bottom:5px}
.about_1 .about_text2 ul li:nth-child(2) h3 { right:5px; bottom:5px; left:auto}
.about_1 .about_text2 ul li:nth-child(3) h3 { right:5px; bottom:5px; left:auto; top:auto}
.about_1 .about_text2 ul li:nth-child(4) h3 { right:5px; bottom:5px; left:auto; top:auto}
}




#slider { width: 1050px; }
#slider li { width: 360px; }

@media all and (max-width:1000px){
#slider { width: 100%; }
#slider li { width:40%; }
}


/*** Overall MovingBoxes Slider ***/
.mb-wrapper {
	margin: 0 auto;
	position: relative;
	left: 0;
	top: 0; padding:80px 0
}

/* Panel Wrapper */
.mb-slider, .mb-scroll {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	position: relative;
	left: 0;
	top: 0;

	/***(>'-')> Control Panel Font size here <('-'<)***/
	font-size: 18px;
}

/* active slider border highlight */
.mb-active-slider {
	border-color: #333;
}

/*** Slider panel ***/
.mb-slider .mb-panel {
	margin: 0;
	padding: 20px;
	display: block;
	cursor: pointer;
	float: left;
	list-style: none;
}

/* Cursor to arrow over current panel, pointer for all others,
change .current class name using plugin option, currentPanel : 'current' */
.mb-slider .mb-panel.current {
	cursor: auto;
}

/*** Inside the panel ***/
.mb-inside {}
.mb-inside h3 { text-align:center; padding-top:20px}
.mb-inside img {
	max-width: 90%; display:block; margin:0 auto
}


/*** Left & Right Navigation Arrows ***/
a.mb-scrollButtons {
	display: block;
	width: 83px;
	height: 83px;
	position: absolute;
	top: 50%;
	margin-top: -41px; /* if you change the arrow images, you may have to adjust this (1/2 height of arrow image) */
	cursor: pointer;
	text-decoration: none;
	outline: 0;
	border: 0;
}
a.mb-scrollButtons.mb-left { left:-100px;background:url(../images/about_ico1.png)}
a.mb-scrollButtons.mb-right { right:-100px;background:url(../images/about_ico2.png)}
a.mb-scrollButtons.disabled {
	display: none;
}

@media all and (max-width:1000px){
a.mb-scrollButtons.mb-left { left:0; transform:scale(0.5); z-index:666}
a.mb-scrollButtons.mb-right { right:0; transform:scale(0.5); z-index:667}
}
/*** Controls added below the panels ***/
.mb-controls { display:none}
.mb-active-slider .mb-controls {
	background: #333;
}
	#demo-top-bar {
		text-align: left;
		background: #222;
		position: relative;
		zoom: 1;
		width: 100% !important;
		z-index: 6000;
		padding: 20px 0 20px;
	}
	#demo-bar-inside {
		width: 960px;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
	}
	#demo-bar-buttons {
		padding-top: 10px;
		float: right;
	}
	#demo-bar-buttons a {
		font-size: 12px;
		margin-left: 20px;
		color: white;
		margin: 2px 0;
		text-decoration: none;
		font: 14px "Lucida Grande", Sans-Serif !important;
	}
	#demo-bar-buttons a:hover,
	#demo-bar-buttons a:focus {
		text-decoration: underline;
	}
	#demo-bar-badge {
		display: inline-block;
		width: 302px;
		padding: 0 !important;
		margin: 0 !important;
		background-color: transparent !important;
	}
	#demo-bar-badge a {
		display: block;
		width: 100%;
		height: 38px;
		border-radius: 0;
		bottom: auto;
		margin: 0;
		background:#222;
		background-size: 100%;
		overflow: hidden;
		text-indent: -9999px;
	}
	#demo-bar-badge:before, #demo-bar-badge:after {
		display: none !important;
	}



.about_1 .about_hj { padding:10px 50px 60px 50px; overflow:hidden}
.about_1 .about_hj h2 { font-size:18px; border-bottom:1px #ddd solid; line-height:30px; height:40px; position:relative; margin-bottom:20px}
.about_1 .about_hj h2 i { display:block; width:80px; height:2px; background:#65AF0A; position:absolute; bottom:0; left:0px}
.about_1 .about_hj ul li { float:left; width:33.3%; padding-bottom:30px;}
.about_1 .about_hj ul li a { display:block; max-width:90%; margin:0 auto}
.about_1 .about_hj ul li img { display:block; height:auto; width:100%; border:5px #ddd solid; border-radius:5px}
.about_1 .about_hj ul li a:hover img { border:5px #5C9443 solid}
.about_1 .about_hj ul li h3 { text-align:center; font-size:16px; padding-top:10px}


@media all and (max-width:1000px){
.about_1 .about_hj { padding:10px 15px 40px 15px;}
.about_1 .about_hj ul li { width:50%;}
.about_1 .about_hj ul li h3 { font-size:14px;}
}

.about_1 .about_lx { width:1214px; margin:0 auto; overflow:hidden; padding-top:60px}
.about_1 .about_lx ul { width:1252px}
.about_1 .about_lx ul li { float:left; width:313px}
.about_1 .about_lx ul li a { display:block; background:#C3E1D2; width:275px; padding-top:40px; height:90px}
.about_1 .about_lx ul li a:hover { background:#E2F1E9}
.about_1 .about_lx ul li i { display:block; float:left; padding-left:20px; width:55px; text-align:center; font-size:36px; color:#888; line-height:50px}
.about_1 .about_lx ul li:nth-child(1),.about_1 .about_lx ul li:nth-child(3) { line-height:50px}

.about_1 .about_map { width:1214px; margin:50px auto 0 auto; padding-bottom:60px;}



@media all and (max-width:1300px){
.about_1 .about_lx { width:95%; padding-top:40px}
.about_1 .about_lx ul { width:auto}
.about_1 .about_lx ul li { width:25%}
.about_1 .about_lx ul li a { width:90%; padding:20px 0 0 0; height:auto; text-align:center; height:120px; margin:0 auto}
.about_1 .about_lx ul li i { float:none; padding-left:0px; width:auto; text-align:center; font-size:24px; line-height:30px; display:block}

.about_1 .about_map { width:95%; margin:20px auto 0 auto; padding-bottom:40px;}
.about_1 .about_map img { display:block; margin:0 auto; max-width:100%}
}
@media all and (max-width:1000px){
.about_1 .about_lx ul li { width:50%; margin-bottom:15px}

.about_1 .about_map { margin:10px auto 0 auto;}
}




.product_c1 { width:1214px; margin:0 auto; overflow:hidden}
.product_c1 .pro_gd { float:left; width:400px; margin-right:90px; height:400px}
.product_c1 .pro_gd .bd { width:360px; margin:0 auto}
.product_c1 .pro_gd .bd img { max-width:100%}
.product_c1 p { padding-top:10px; color:#666}
.product_c1 span { color:#000}




.product_c2 { width:1214px; margin:0 auto; display:none}
.product_c2 h2 { font-size:18px; border-bottom:1px #ddd solid; line-height:30px; height:40px; position:relative}
.product_c2 h2 i { display:block; width:80px; height:2px; background:#65AF0A; position:absolute; bottom:0; left:0px}
.product_c2 .pro_text { padding:20px}


@media all and (max-width:1300px){
.product_c1 { width:90%}
.product_c1 .pro_gd { margin-right:50px;}
.product_c2 { width:90%}
}
@media all and (max-width:1000px){
.product_c1 .pro_gd { float:none; width:auto; margin:0 auto; height:auto}
.product_c1 .pro_gd .bd { max-width:80%}
.product_c2 { padding-top:20px}
.product_c2 h2 { font-size:16px}
.product_c2 .pro_text { padding:20px 0}
}



.solution_1 { width:1234px; margin:0px auto; overflow:hidden; padding:50px 0}
.solution_1 .sol_r { float:right; width:257px; height:491px; background:url(../images/solution_1.jpg); position:relative;}
.solution_1 .sol_r h2 { font-size:24px; line-height:30px; height:50px; position:relative; padding-top:50px; padding-left:20px; font-weight:normal}
.solution_1 .sol_r h2 i { display:block; width:58px; height:2px; background:#65AF0A; position:absolute; bottom:0; left:20px}
.solution_1 .sol_r h3 { padding:20px; line-height:20px}

.solution_1 .sol_l { float:left; width:972px}
.solution_1 .sol_l ul li { float:left; width:324px; position:relative; margin-bottom:25px}
.solution_1 .sol_l ul li img { display:block; width:302px}
.solution_1 .sol_l ul li h3 { position:absolute; left:0; padding-left:20px; width:282px; line-height:28px; background:#6DAF1B; color:#fff; bottom:15px; z-index:33}
.solution_1 .sol_l ul li p { position:absolute; left:0; top:0; width:302px; overflow:hidden; z-index:22; height:232px}
.solution_1 .sol_l ul li p img { position:absolute; left:0; top:0; width:100%}

@media all and (max-width:1380px){
.solution_1 { width:95%; padding:30px 0}
.solution_1 .sol_r { display:none}
.solution_1 .sol_l { float:none; width:auto}
.solution_1 .sol_l ul li { width:33.3%;}
.solution_1 .sol_l ul li img { width:90%; display:block; margin:0 auto}
.solution_1 .sol_l ul li h3 { left:5%; padding-left:0; width:90%; text-align:center}
.solution_1 .sol_l ul li p { width:90%; height:100%; left:5%}
}
@media all and (max-width:1000px){
.solution_1 .sol_l ul li { width:50%;}
.solution_1 .sol_l ul li p { width:1px; height:1px; opacity:0; overflow:hidden}
}



.news_1 { width:1224px; margin:0 auto; padding:40px 0}
.news_1 img { display:block; float:right; margin-left:15px}
.news_1 h1 { position:relative; font-size:24px; padding:15px 0 15px 0px; line-height:40px; font-weight:normal; margin-bottom:0}
.news_1 h1 i { display:block; width:58px; height:2px; background:#65AF0A; position:absolute; bottom:0; left:0px}
.news_1 h3 { color:#888; padding:10px 0;}
.news_1 h4 { line-height:20px; height:125px}
.news_1 a.more2 { width:116px; height:32px; text-align:center; line-height:32px; border-radius:16px; color:#666; background:#ECF3E4; display:block;}


.news_2 { width:1224px; margin:0 auto; padding:20px 0 50px 0; border-top:1px #eee solid}
.news_2 ul li { float:left; width:50%}
.news_2 ul li a { display:block; padding:20px}
.news_2 ul li h4 { float:left; background:url(../images/news_bg1.png); width:65px; height:54px; text-align:center; color:#fff; line-height:22px; padding-top:10px; margin-right:20px; margin-top:3px}
.news_2 ul li h4 b { display:block; font-size:18px}
.news_2 ul li h3 { font-weight:bold; font-size:16px; line-height:30px}
.news_2 ul li h5 { line-height:20px; font-size:12px; color:#666; height:40px; overflow:hidden}


.news_title { width:1224px; margin:0 auto; padding:40px 0 0 0}
.news_title h1 { position:relative; font-size:24px; padding:15px 0 15px 0px; line-height:40px; font-weight:normal; margin-bottom:0}
.news_title h1 i { display:block; width:58px; height:2px; background:#65AF0A; position:absolute; bottom:0; left:0px}
.news_title h3 { color:#888; padding:10px 0;}


.news_body { width:1224px; margin:0 auto; padding:20px 0}
.news_body img { max-width:100%; height:auto}
.news_sx { width:1224px; margin:0 auto; height:80px; border-top:1px #ddd solid; padding-top:10px; color:#888}



@media all and (max-width:1380px){
.news_1 { width:95%; padding:30px 0}
.news_2 { width:95%;}
.news_title { width:95%; padding-top:30px}
.news_body { width:95%;}
.news_sx { width:95%;}
.news_1 img { max-width:60%; height:auto}
.news_1 h1 { font-size:18px;}
.news_1 h4 { height:auto; padding-bottom:15px}
}
@media all and (max-width:1000px){
.news_1 img { max-width:60%; float:none; margin:0 auto}
.news_2 ul li { float:none; width:auto}

.news_title h1 { font-size:18px; padding:5px 0 5px 0px;}
.news_sx .ft { float:none}
.news_sx .fr { float:none}
}




.pages { text-align:center; padding-bottom:40px}
.pages a { border:1px #ddd solid; border-radius:3px; margin:0 4px; padding:3px 5px; font-size:12px}
.pages span { border:1px #ddd solid; border-radius:3px; margin:0 4px; padding:3px 5px; font-size:12px; background:#ddd}